import React, { Component } from 'react'
// 按照规范: 一般高阶组件函数的名字是以with开头
import withFar from './Far'
import Registe from './Registe'
import Login from './Login'

// withFar函数返回的是Far组件. 但是会调用多次,返回多个Far组件. 这时给Far组件起名字,一般也是以With开头,后面拼接的是Far所对应的子组件的名字
const WithLogin = withFar(Login)
const WithRegiste = withFar(Registe)
export default class App extends Component {
  render() {
    return (
      <div>
        <WithLogin xxx={123} yyy={234} zzz={345}></WithLogin>
        <hr />
        <WithRegiste></WithRegiste>
      </div>
    )
  }
}
